
<div class="top">

    <h1 class="title-1">一个想法从脑中闪过：来一场旅行吧！</h1>

    <p class="title-2">旅途中我想与你为伴</p>

</div>

<!-- 中间8个结伴热门地 -->
<div class="container">
    <div class="row">

        <div class="col-lg-12">
            <div class="place-title">
                <p>结伴热门地</p>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="place ">
                <div class="wrap"></div>
                <img src="../../../assets/img/destination/hotaddress1.jpeg" alt="">
                <div class="pl">
                    <p class="pl-title">稻城</p> 
                    <div class="pls">
                        <p>发起197个结伴</p>
                        <p>2061人关注</p>
                        <p>440人报名</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="place ">
                <div class='wrap'></div>
                <img src="../../../assets/img/destination/hotaddress2.png" alt="">
                <div class="pl">
                    <p class="pl-title">拉萨</p> 
                    <div class="pls">
                        <p>发起197个结伴</p>
                        <p>2061人关注</p>
                        <p>440人报名</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="place ">
                <div class='wrap'></div>
                <img src="../../../assets/img/destination/hotaddress3.jpeg" alt="">
                <div class="pl">
                    <p class="pl-title">青海湖</p> 
                    <div class="pls">
                        <p>发起197个结伴</p>
                        <p>2061人关注</p>
                        <p>440人报名</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="place ">
                <div class='wrap'></div>
                <img src="../../../assets/img/destination/hotaddress4.jpeg" alt="">
                <div class="pl">
                    <p class="pl-title">亚丁</p> 
                    <div class="pls">
                        <p>发起197个结伴</p>
                        <p>2061人关注</p>
                        <p>440人报名</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="place ">
                <div class='wrap'></div>
                <img src="../../../assets/img/destination/hotaddress5.png" alt="">
                <div class="pl">
                    <p class="pl-title">色达</p> 
                    <div class="pls">
                        <p>发起197个结伴</p>
                        <p>2061人关注</p>
                        <p>440人报名</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="place ">
                <div class='wrap'></div>
                <img src="../../../assets/img/destination/hotaddress6.jpeg" alt="">
                <div class="pl">
                    <p class="pl-title">额济纳旗</p> 
                    <div class="pls">
                        <p>发起197个结伴</p>
                        <p>2061人关注</p>
                        <p>440人报名</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="place ">
                <div class='wrap'></div>
                <img src="../../../assets/img/destination/hotaddress7.png" alt="">
                <div class="pl">
                    <p class="pl-title">西藏</p> 
                    <div class="pls">
                        <p>发起197个结伴</p>
                        <p>2061人关注</p>
                        <p>440人报名</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="place ">
                <div class='wrap'></div>
                <img src="../../../assets/img/destination/hotaddress8.jpeg" alt="">
                <div class="pl">
                    <p class="pl-title">敦煌</p> 
                    <div class="pls">
                        <p>发起197个结伴</p>
                        <p>2061人关注</p>
                        <p>440人报名</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-lg-12">
            <div class="select">
                <input type="text" placeholder="目的地">
                <input type="text" placeholder="出发时间" id="datepicker">
                <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span>查询</button>
                <button class="btn-plan"> <span class="glyphicon glyphicon-plus"></span> 发布我的结伴计划</button>
            </div>
        </div>

    </div>
</div>

<!-- 下面各地倒计时 -->
<div class="main">

<div class="container">
    <div class="row">
        <div class="ba" (click)="togoWith()">
        <div class="col-lg-3">
            <a href="#" class="thumbnail ">
                <img src="../../../assets/img/destination/address (3).jpeg" alt="...">
            </a> 

            <div class="time-box">
                <p><span class="time">12</span>天后 </p>
            </div>

            <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:50%;margin-left:30px;" />

            <p class="places">曼谷</p>
            <p class="article">
                我是95年的，我对于旅行是一个新人，所以我想和对于旅行比较熟悉的人一起去，带我去看看好看的风景...
            </p>

            <div class="user">
                <img src="../../../assets/img/userImg/user01.jpeg" alt="" class="userhead">
                <span class="user">沧海一粟</span>
            </div>

            <div class="have-peole">
                <p>已有 <span class="num">16</span>人加入 </p>
                <div class="to"></div>
            </div>

            <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:80%;margin-left:30px;margin-top:30px;" />
            
        </div>
        </div>

        <div class="ba">
        <div class="col-lg-3">
            <a href="#" class="thumbnail ">
             <img src="../../../assets/img/destination/address (3).jpeg" alt="...">
            </a> 

            <div class="time-box">
                <p><span class="time">12</span>天后 </p>
            </div>   

            <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:50%;margin-left:30px;" />

            <p class="places">曼谷</p>
            <p class="article">
                我是95年的，我对于旅行是一个新人，所以我想和对于旅行比较熟悉的人一起去，带我去看看好看的风景...
            </p>

            <div class="user">
                <img src="../../../assets/img/userImg/user01.jpeg" alt="" class="userhead">
                <span class="user">沧海一粟</span>
            </div>

            <div class="have-peole">
                <p>已有 <span class="num">16</span>人加入 </p>
                <div class="to"></div>
            </div>

            <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:80%;margin-left:30px;margin-top:30px;" />
            
        </div>
        </div>

        <div class="ba">
        <div class="col-lg-3">
            <a href="#" class="thumbnail ">
                <img src="../../../assets/img/destination/address (3).jpeg" alt="...">
            </a> 

            <div class="time-box">
                <p><span class="time">12</span>天后 </p>
            </div>

            <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:50%;margin-left:30px;" />

            <p class="places">曼谷</p>
            <p class="article">
                我是95年的，我对于旅行是一个新人，所以我想和对于旅行比较熟悉的人一起去，带我去看看好看的风景...
            </p>

            <div class="user">
                <img src="../../../assets/img/userImg/user01.jpeg" alt="" class="userhead">
                <span class="user">沧海一粟</span>
            </div>

            <div class="have-peole">
                <p>已有 <span class="num">16</span>人加入 </p>
                <div class="to"></div>
            </div>

            <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:80%;margin-left:30px;margin-top:30px;" />
            
        </div>
        </div>

        <div class="ba">
        <div class="col-lg-3">
           <a href="#" class="thumbnail ">
                <img src="../../../assets/img/destination/address (3).jpeg" alt="...">
            </a>

            <div class="time-box">
                <p><span class="time">12</span>天后 </p>
            </div>

            <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:50%;margin-left:30px;" />

            <p class="places">曼谷</p>
            <p class="article">
                我是95年的，我对于旅行是一个新人，所以我想和对于旅行比较熟悉的人一起去，带我去看看好看的风景...
            </p>

            <div class="user">
                <img src="../../../assets/img/userImg/user01.jpeg" alt="" class="userhead">
                <span class="user">沧海一粟</span>
            </div>

            <div class="have-peole">
                <p>已有 <span class="num">16</span>人加入 </p>
                <div class="to"></div>
            </div>

            <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:80%;margin-left:30px;margin-top:30px;" />
            
        </div>
        </div>
        
    </div><!-- row  -->

    <div class="row">
            <div class="ba">
            <div class="col-lg-3">
                <a href="#" class="thumbnail ">
                    <img src="../../../assets/img/destination/address (3).jpeg" alt="...">
                </a> 
    
                <div class="time-box">
                    <p><span class="time">12</span>天后 </p>
                </div>
    
                <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:50%;margin-left:30px;" />
    
                <p class="places">曼谷</p>
                <p class="article">
                    我是95年的，我对于旅行是一个新人，所以我想和对于旅行比较熟悉的人一起去，带我去看看好看的风景...
                </p>
    
                <div class="user">
                    <img src="../../../assets/img/userImg/user01.jpeg" alt="" class="userhead">
                    <span class="user">沧海一粟</span>
                </div>
    
                <div class="have-peole">
                    <p>已有 <span class="num">16</span>人加入 </p>
                    <div class="to"></div>
                </div>
    
                <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:80%;margin-left:30px;margin-top:30px;" />
                
            </div>
            </div>
    
            <div class="ba">
            <div class="col-lg-3">
                <a href="#" class="thumbnail ">
                 <img src="../../../assets/img/destination/address (3).jpeg" alt="...">
                </a> 
    
                <div class="time-box">
                    <p><span class="time">12</span>天后 </p>
                </div>   
    
                <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:50%;margin-left:30px;" />
    
                <p class="places">曼谷</p>
                <p class="article">
                    我是95年的，我对于旅行是一个新人，所以我想和对于旅行比较熟悉的人一起去，带我去看看好看的风景...
                </p>
    
                <div class="user">
                    <img src="../../../assets/img/userImg/user01.jpeg" alt="" class="userhead">
                    <span class="user">沧海一粟</span>
                </div>
    
                <div class="have-peole">
                    <p>已有 <span class="num">16</span>人加入 </p>
                    <div class="to"></div>
                </div>
    
                <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:80%;margin-left:30px;margin-top:30px;" />
                
            </div>
            </div>
    
            <div class="ba">
            <div class="col-lg-3">
                <a href="#" class="thumbnail ">
                    <img src="../../../assets/img/destination/address (3).jpeg" alt="...">
                </a> 
    
                <div class="time-box">
                    <p><span class="time">12</span>天后 </p>
                </div>
    
                <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:50%;margin-left:30px;" />
    
                <p class="places">曼谷</p>
                <p class="article">
                    我是95年的，我对于旅行是一个新人，所以我想和对于旅行比较熟悉的人一起去，带我去看看好看的风景...
                </p>
    
                <div class="user">
                    <img src="../../../assets/img/userImg/user01.jpeg" alt="" class="userhead">
                    <span class="user">沧海一粟</span>
                </div>
    
                <div class="have-peole">
                    <p>已有 <span class="num">16</span>人加入 </p>
                    <div class="to"></div>
                </div>
    
                <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:80%;margin-left:30px;margin-top:30px;" />
                
            </div>
            </div>
    
            <div class="ba">
            <div class="col-lg-3">
               <a href="#" class="thumbnail ">
                    <img src="../../../assets/img/destination/address (3).jpeg" alt="...">
                </a>
    
                <div class="time-box">
                    <p><span class="time">12</span>天后 </p>
                </div>
    
                <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:50%;margin-left:30px;" />
    
                <p class="places">曼谷</p>
                <p class="article">
                    我是95年的，我对于旅行是一个新人，所以我想和对于旅行比较熟悉的人一起去，带我去看看好看的风景...
                </p>
    
                <div class="user">
                    <img src="../../../assets/img/userImg/user01.jpeg" alt="" class="userhead">
                    <span class="user">沧海一粟</span>
                </div>
    
                <div class="have-peole">
                    <p>已有 <span class="num">16</span>人加入 </p>
                    <div class="to"></div>
                </div>
    
                <hr style="height:1px;border:none;border-top:1px solid #d5d5d5;width:80%;margin-left:30px;margin-top:30px;" />
                
            </div>
            </div>
            
        </div><!-- row  -->
 </div><!--container -->

</div><!-- main -->
